/**
 * Created by Administrator on 2018/12/27.
 */

//全选
$('#all').change(function(){

    if($(this).is(":checked")){
        //选中
        $('.check').prop('checked',true)
    }else{
        //不选中
        $('.check').prop('checked',false)
    }

});

//修改
$('.change').click(function(){

   change(this);

});

function change(el){
    //定义tr
    var tr=$(el).parent().parent();

    if( $(el).text()==="修改" ){

        //改变按钮里的文本
        $(el).text("确认");

        //循环选中tr中的子元素
        for( var i=1;i<4;i++){

            //定义子元素的文本并取值
            var str=tr.children().eq(i).text();

            //定义input为input标签并赋值value
            var input=$('<input type="text" value="'+str+'">');

            //将子元素变为input
            tr.children().eq(i).html(input);

        }

    }
    else{

        for(var k=1;k<4;k++){

            //定义tr为子元素中input的value值
            var _val=tr.children().eq(k).children().val();

            //赋值
            tr.children().eq(k).html(_val);
        }

        //改变按钮里的文本
        $(el).text("修改");
    }
}

//删除
$('#delBtn').click(function(){

    $('.check:checked').parents('tr').remove();

});

//新增

$('#addBtn').click(function(){
    var mingcheng = $('#goodsName').val();
    var shuliang = $('#goodsNumber').val();
    var danwei = $('#goodsUnit').val();

    if(mingcheng === '' || shuliang === '' || danwei === ''){
        alert('请输入完整表单再提交');
        return;
    }

    var tr = $('<tr></tr>');
    var td = $('<td></td>');
    var checkBox = $('<input type="checkbox" class="check">');

    checkBox.appendTo(td);
    td.appendTo(tr);

    var td2 = $('<td></td>');
    td2.text(mingcheng);
    td2.appendTo(tr);

    var td3 = $('<td></td>');
    td3.text(shuliang);
    td3.appendTo(tr);

    var td4 = $('<td></td>');
    td4.text(danwei);
    td4.appendTo(tr);

    var td5 = $('<td></td>');
    var button = $('<button type="button" class="change">修改</button>');

    button.click(function(){

        change(this);
    });

    button.appendTo(td5);
    td5.appendTo(tr);

    tr.appendTo($('#mainTable'));

    $('#goodsName').val('');
    $('#goodsNumber').val('');
    $('#goodsUnit').val('');
});
